<body>
<style>
  .hint {
    color: red;
  }
</style>

<nav>
  <ol class="cd-multi-steps text-bottom count">
    <li class="visited"><a href="#">病症</a></li>
    <!--点击后什么都不做，也不转移到页面顶端，最好用herf='###'，如果是一个#会跳转页面顶端，尽量少用javascript：void(0)这种非标准格式-->
    <li class="visited"><a href="#">详情</a></li>
    <li class="current"><a href="#">诊断关系</a></li>
    <li><em>保存入库</em></li>
  </ol>
</nav>
<h2>添加诊断关系</h2>
<span style="color: blue;font-weight: bold;font-size: 20px">凡具有：</span>
<div style="margin:10px 0"></div>
<div id="sdl" class="easyui-datalist" title="$!{titile}" style="width:400px;height:250px" data-options="
			url: '/sickdata',
			method: 'get',
			groupField: 'group',
			checkbox: true,
			singleSelect: false
			">
</div>


<div id="sicks">
  <input id="match" class="easyui-numberbox" data-options="precision:0">项以上者
  <!--有效位数设置为0或1，实际效果都为1-->
  <span style="color: blue;font-weight: bold;font-size: 20px;margin-left: 5px">属于：</span>
  <input id="ssname"class="easyui-textbox" data-options="prompt:'在此输入病症,如风热感冒'" style="width: 180px"></input>
  <!--提示的给出方法-->
</div>
<div id="drugs">
  <br>
  <span class="hint">请添加相应药物，点击单元格进行编辑，如果药物在数据库中已存在，输入将被忽略</span>
  <table id="dg" class="easyui-datagrid" title="添加药物" style="width:780px;height:auto" data-options="
				iconCls: 'icon-edit',
				singleSelect: true,
				toolbar: '#tb',
				url: '/json/medicinedata.json',
				method: 'get',
				onClickCell: onClickCell,
				nowrap:false,
				onEndEdit: onEndEdit
				">
    <thead>
    <tr>
      <th data-options="field:'medicineName',width:80,editor:'textbox'">药名</th>
      <th data-options="field:'price',width:80,editor:{type:'numberbox',options:{precision:1}}">价格</th>
      <th data-options="field:'composition',width:300,editor:'textbox'">组成</th>
      <th data-options="field:'effect',width:300,editor:'textbox'">主治</th>
    </tr>
    </thead>
  </table>
  <div id="tb" style="height:auto">
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true"
       onclick="append()">添加</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true"
       onclick="removeit()">移除</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true"
       onclick="reject()">清空</a>
  </div>
</div>
<div id="infowin" closed="true" class="easyui-window" title="当前输入" style="width:600px;height:400px"
     data-options="iconCls:'icon-save',modal:true">
</div>
<a href="javascript:void(0)" onclick="confirmCommit()" title="保存当前数据" ok="确认"cancel="我再改改"
   class="easyui-linkbutton c4 easyui-tooltip"style="width: 60px;margin-top: 10px">保存</a>
<a href="javascript:void(0)" onclick="submitAll()" title="提交所有数据"
   class="easyui-linkbutton c6 easyui-tooltip" style="width: 100px;margin-left: 40px;margin-top: 10px">提交</a>
<a href="javascript:void(0)" onclick="showWindow()" title="查看已录入"
   class="easyui-linkbutton c8 easyui-tooltip" style="width: 60px;margin-left: 40px;margin-top: 10px">查看</a>
<a href="javascript:void(0)" onclick="addmore()" title="again"
   class="easyui-linkbutton c8 easyui-tooltip" style="width: 120px;margin-left: 20px;margin-top: 10px">继续添加</a>
<script>
  function addmore(){
    location.reload("true");
  }
</script>
</body>